{extend name="base"}
{block name="content"}
<style>
.Switch{
    float: none !important;
    margin: 0 auto;
    width: 108px;   
}
.Switch input {
  display: none
}

.Switch label {
  background: #CCC;
  height: 28px;
  width: 98px;
  border-radius: 14px;
  float: right;
  margin: 8px 10px 0 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .1) inset;
  position: relative;
}

.Switch label em {
  width: 26px;
  height: 26px;
  float: left;
  margin: 1px;
  border-radius: 13px;
  box-shadow: 2px 3px 8px rgba(0, 0, 0, .1);
  background: #FFF;
  transition: 0.1s;
}
.Switch label span {
  position: absolute;
  left: 36px;
  height: 28px;
  line-height: 28px;
  color: #6E6B6B;
} 

.Switch input:checked+label {
  background: #a4d714;
}

.Switch input:checked+label span {
  color: #fff;
  left: 15px;
}

.Switch input:checked+label em {
  margin: 1px 1px 1px 71px;
}

.Switch input:disabled+label {
  opacity: 0.5
}

</style>
<div class="main_div">

            <div class="ty_box">
              <form class="form-inline" method="get">
              <div class="d_ty_head">
                <b class="e_d_t_title">下级代理订单<span>Pay Channel</span></b>
                
              </div>
              </form>
              <ul class="ty_b_list">
                <li class="ty_l_head">
                  <div class="ty_l_d1" style="width: 8.33%">店铺名称</div>
                  <div class="ty_l_d3" style="width: 8.33%">订单号</div>
                  <div class="ty_l_d3" style="width: 8.33%">商品名称</div>
                  <div class="ty_l_d3" style="width: 8.33%">支付方式</div>
                  <div class="ty_l_d3" style="width: 8.33%">供货价</div>
                  <div class="ty_l_d3" style="width: 8.33%">差价</div>
                  <div class="ty_l_d3" style="width: 8.33%">卖出价格</div>
                  <div class="ty_l_d3" style="width: 8.33%">购买者信息</div>
                  <div class="ty_l_d3" style="width: 8.33%">状态</div>
                  <div class="ty_l_d3" style="width: 8.33%">取卡状态</div>
                  <div class="ty_l_d3" style="width: 8.33%">取卡密码</div>
                  <div class="ty_l_d3" style="width: 8.33%">交易时间</div>
                </li>
                {foreach $orders as $v}
                <li class="ty_l_li">
                  <div class="ty_l_d1" style="width: 8.33%">{$v.up_name}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.trade_no}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.goods_name}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{:get_paytype_name($v.paytype)}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.proxy_goods_cost_price*$v.quantity}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.total_price-$v.proxy_goods_cost_price*$v.quantity}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.total_price}</div>
                  <div class="ty_l_d1" style="width: 8.33%">{$v.contact}</div>
                  <div class="ty_l_d3" style="width: 8.33%">{switch name="v.status"}
								{case value="1"}已付款{/case}
								{case value="0"}未付款{/case}
								{/switch}</div>
                  <div class="ty_l_d3" style="width: 8.33%">{if $v.cards_count>0}
									{if $v.cards_count>=$v.quantity}
									已取
									{else/}
									已取部分
									{/if}
								{else/}
								未取
								{/if}</div>
                  <div class="ty_l_d3" style="width: 8.33%">未开启取卡密码</div>
                  <div class="ty_l_d3" style="width: 8.33%">{$v.create_at|date="Y-m-d H:i:s",###}
              </div>
                  </li>
                 {/foreach}
              </ul>
              <div class="ty_b_footer">
              
             </div>
            </div>
          </div>
<script>
	$('[name="visit_type"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-visit_password').slideDown();
		}else{
			$('.block-visit_password').slideUp();
		}
	});
	$('[name="wholesale_discount"]').change(function(){
		var status=$(this).val();
		if(status==1){
			$('.block-wholesale_discount').slideDown();
		}else{
			$('.block-wholesale_discount').slideUp();
		}
	});
	

	</script>
{/block}